<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文本效果</title>
    <link href="css/stylesheet.css" rel="stylesheet" type="text/css">
    <style type="text/css">
       p{
           width: 200px;
           height: 200px;
           color: aqua;
           text-shadow: 3px 2px 2px gray;
           font-family: 'watermelon_script_demoregular';
       }
        textarea{
            width: 200px;
            height: 300px;
            border: 1px solid red;
            word-wrap: break-word;
            /*不换行*/
            white-space: nowrap;


        }

    </style>
</head>
<body>
     <p>这是一段文本</p>
     <p>this is a world</p>
     <textarea>jhssbfjf      mnsggmsjhsgfgfhj     dhddbfgfhjfgdgjhssbfjfmnsggmsjhsgfgfhjdhddbfgfhjfgdgd
         jhssbfjfmnsggmsjhsgfgfhjdhddbfgfhjfgdgdjhssbfjfmnsggmsjhsgfgfhjdhddbfgfhjfgdgd
         jhssbfjfmnsggmsjhsgfgfhjdhddbfgfhjfgdgd
     </textarea>
</body>
</html>